<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>搜索{$keyword}产品列表-{$webname}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    {Common::css('swiper.min.css,base.css,cloud-search.css')}
    {Common::js('jquery.min.js,lib-flexible.js,template.js,layer/layer.m.js,swiper.min.js')}
</head>
<body>

    {request "pub/header_new/typeid/0"}
    	
    <div class="st-search">
        <div class="st-search-box">
            <input type="text" class="st-search-text" id="keyword" placeholder="搜索产品/攻略/线路" value="{$keyword}">
            <input type="button" class="st-search-btn" value="">
        </div>
    </div>
    <!-- 搜索条 -->

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <span class="swiper-slide">线路</span>
            <span class="swiper-slide">酒店</span>
            <span class="swiper-slide">租车</span>
            <span class="swiper-slide">景点</span>
            <span class="swiper-slide">团购</span>
            <span class="swiper-slide">签证</span>
            <span class="swiper-slide">资讯</span>
            <span class="swiper-slide">攻略</span>
            <span class="swiper-slide">结伴</span>
            <span class="swiper-slide">相册</span>
            <span class="swiper-slide">活动</span>
        </div>
    </div>
    <!-- 搜索类型 -->

    <div class="search-content-area">
        <ul class="search-list-area">
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2016/0918/4157db0a1a27a8a1e6e4d533177d2e28.jpg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="tit">成都-都江堰-黄龙或牟尼沟-九寨沟6日游全年畅销，金秋赏九寨...</h4>
                        <div class="attr">
                            <span class="label">WiFi覆盖</span>
                            <span class="label">指定酒店</span>
                            <span class="label">享美食</span>
                        </div>
                        <div class="other clearfix">
                            <span class="fl data">满意度100%</span>
                            <span class="fl data">销量5600</span>
                            <span class="fr pri"><span class="jg">&yen;<strong class="num">18250</strong></span>起</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2016/1209/083aeca0b9711fe4834143601973c8c2.jpg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="tit">九寨沟-黄龙3日自助游 双人立减600，2晚天堂洲际，国际五星住...</h4>
                        <div class="attr">
                            <span class="label">赠晚餐</span>
                            <span class="label">专车接送</span>
                        </div>
                        <div class="other clearfix">
                            <span class="fl data">满意度100%</span>
                            <span class="fl data">销量5600</span>
                            <span class="fr pri"><span class="jg">&yen;<strong class="num">18250</strong></span>起</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2017/0327/73dede501a1484c0d9fe35cbe0681158.jpg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="tit">从城市喧嚣中解放----五天三晚hideaway之旅</h4>
                        <div class="attr">

                        </div>
                        <div class="other clearfix">
                            <span class="fl data">满意度100%</span>
                            <span class="fl data">销量5600</span>
                            <span class="fr pri"><span class="jg">&yen;<strong class="num">18250</strong></span>起</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2016/0918/673a7c106cde68639818e090f95a010e.jpg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="alone-tit">卢瓦河谷之旅也可以充满童趣</h4>
                        <div class="txt">
                            从法国最具时尚气息的塞纳河到法国最有古典气息的卢瓦尔河，宛若身处两个世界。在...
                        </div>
                        <div class="art-data clearfix">
                            <span class="fl date">2016.11.07</span>
                            <span class="fr num"><i class="pl-icon"></i>50</span>
                            <span class="fr num"><i class="yl-icon"></i>345</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2017/0307/3b9e73f7baf88fc75323de8f01720048.jpeg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="alone-tit">杨导游</h4>
                        <div class="dy-jl">
                            <span class="label">从业8年</span>
                            <span class="label">26岁</span>
                        </div>
                        <div class="dy-lg">德语、英语、意大利语</div>
                        <div class="attr">
                            <span class="label">实名认证</span>
                            <span class="label">导游认证</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="item">
                    <div class="pic">
                        <img src="http://yw3.souxw.com/uploads/2017/0111/25e34d41e03b34274af4f12bcc19de31.jpg" alt="" title="" />
                    </div>
                    <div class="info">
                        <h4 class="tit">海南三亚-蜈支岛-天堂-大小洞天-天涯5日游全年畅销</h4>
                        <div class="attr">
                            <span class="label">立减20</span>
                            <span class="label">酒店任选</span>
                        </div>
                        <div class="other clearfix">
                            <span class="fl data">满意度100%</span>
                            <span class="fl data">销量5600</span>
                            <span class="fr pri"><span class="jg">&yen;<strong class="num">18250</strong></span>起</span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>


    <div class="no-content-page" id="no-content" style="display: none">
        <div class="no-content-icon"></div>
        <p class="no-content-txt">啊哦，暂时没有相关信息</p>
    </div>
    <!-- 无数据 -->


    {request "pub/footer"}

    <script>
    $(function(){

        //搜索类型切换
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 'auto',
            paginationClickable: true,
            spaceBetween: 0,
            slideToClickedSlide: true
        });

    })
    </script>

</body>
</html>
